.side {
    width: 100%;
    height: 100px;
    position: relative;

    >.container {
        >.header-logo {
            overflow: hidden;
            position: relative;
            width: 55px;
            height: 55px;
            background-color: #ff6700;
            float: left;
            margin-top: 22px;
            margin-right: 7px;
            cursor: pointer;

            >.mimi {
                position: absolute;
                width: 110px;
                left: -55px;

                >.fimg {
                    height: 55px;
                    width: 55px;
                    display: inline;
                    float: left;
                }

                >.zimg {
                    height: 55px;
                    width: 55px;
                    float: left;
                    display: inline;

                }

            }

        }

        >.header-nav {
            width: 850px;
            height: 100px;
            float: left;
            padding: 12px 0px 0px 30px;
            // background: gold;
            overflow: hidden;

            >.nav-list {
                // background: red;

                height: 100px;

                // line-height: 100px;
                >li {
                    float: left;
                    padding-left: 10px;
                    padding-right: 10px;
                    // height: 100px;
                    height: 100px;
                    // line-height: 80px;
                    font-size: 16px;
                    margin-top: 30px;

                    >a {
                        // line-height: 10px;
                        display: block;
                        float: left;
                        height: 100%;
                        // margin-top: 0px;
                        cursor: pointer;
                        text-decoration: none;
                        color: #333;

                        &:hover {
                            color: #ff6700;
                        }

                    }
                }

                >.nav-category {
                    width: 120px;
                    // background: greenyellow;
                    height: 100%;
                    padding-right: 15px;
                }
            }
        }

        >.nav_box {
            position: absolute;
            width: 100%;
            background-color: #fff;
            height: 229px;
            top: 100px;
            left: 0;
            display: none;
            box-shadow: 0px 5px 5px -5px #a7a7a7;
            z-index: 2;

            >ul {
                >.boxli {
                    &:before {
                        display: none;
                    }
                }

                >li {
                    width: 204px;
                    height: 201px;
                    padding: 35px 12px 0px;
                    font-size: 12px;

                    >div {
                        width: 160px;
                        height: 110px;
                        margin: 0 auto 16px;
                        >img {
                            transform: scale(1);
                            width: 160px;
                            height: 110px;
                        }

                    }

                    >.title {
                        // padding-top: 20;
                        line-height: 20px;
                        color: #333
                    }

                    float: left;
                    text-align: center;
                    cursor: pointer;
                    padding: 35px 12px 0px;

                    &:before {
                        content: ' ';
                        width: 1px;
                        height: 100px;
                        display: block;
                        background: #e0e0e0;
                        // float: left;
                        position: absolute;

                    }

                    >.price {
                        color: #ff6700;
                    }
                }
            }
        }

        >.header-search {
            // width: 296px;
            // height: 50px;
            background: white;

            float: right;
            margin-top: 25px;
            position: relative;

            >.inpj {
                float: left;
                height: 50px;
                border: 1px solid #e0e0e0;
                border-right: none;
                background: white;


                >input {
                    height: 100%;
                    width: 245px;
                    padding: 0 10px;
                    border: none;
                    outline: none
                }
            }

            >.butj {
                float: left;
                width: 52px;
                height: 50px;

                >button {
                    width: 100%;
                    height: 100%;
                    border: none;
                    background: white;
                    border: 1px solid #e0e0e0;

                    >span {
                        font-size: 30px;
                        color: #616161;
                    }
                }
            }

            >.keyword-list {
                position: absolute;
                width: 247px;
                height: 241px;
                background: white;
                top: 50px;
                border: 1px solid red;
                border-top: none;
                display: none;
                z-index: 2;

                >ul {
                    >li {
                        >a {
                            display: block;
                            width: 245px;
                            height: 100%;
                            text-decoration: none;
                            color: #333;
                        }

                        cursor: pointer;
                        height: 30px;
                        color: #333;
                        font-size: 13px;
                        line-height: 30px;
                        // 让文字开头缩进一个字符
                        text-indent:1.4em;

                        &:hover {
                            background: #FAFAFA;
                        }
                    }
                }

            }

        }

    }
}